{%- include snippets/locale-to-string.html locale=site.data.locale.CANCEL -%}
{%- assign _locale_cancel = __return -%}
{%- include snippets/locale-to-string.html locale=site.data.locale.SEARCH -%}
{%- assign _locale_search = __return -%}

<div class="search search--dark">
  <div class="main">
    <div class="search__header">{{ _locale_search }}</div>
    <div class="search-bar">
      <div class="search-box js-search-box">
        <div class="search-box__icon-search"><i class="fas fa-search"></i></div>
        <input type="text" />
        <div class="search-box__icon-clear js-icon-clear">
          <a><i class="fas fa-times"></i></a>
        </div>
      </div>
      <button class="button button--secondary button--pill search__cancel js-search-toggle">
        {{ _locale_cancel }}</button>
    </div>
    <div class="search-result js-search-result"></div>
  </div>
</div>

<script>{%- include scripts/search.js -%}</script>